<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>超市收银系统</title>
    <link type="text/css" rel="stylesheet" href="fontsawesome/css/font-awesome.css"/>
    <link type="text/css" rel="stylesheet" href="css/dang.css"/>
    <style>
        .detail {
            width: 80%;
            margin: 60px auto;
        }
        .firstTr th {
            border: 1px solid #0a819c;
        }
        .firstTr .one {
            height: 50px;
            line-height: 50px;
            font-size: 30px;
            padding:15px;
            background-color: rgba(32, 163, 255, 0.4);
        }
        .two {
            height: 50px;
            line-height: 50px;
            font-size: 30px;
            font: normal 18px/40px "华文宋体";
        }
        .back input[value="返回"]{
            width: 10%;
            font-size: 30px;
            position:absolute;
            right:10%;
            background-color: rgba(10, 94, 182, 0.42);
        }
    </style>

</head>
<body>

<table class="detail" cellpadding="0" cellspacing="0">
    <tr class="firstTr">
        <th width="15%" class="one" role="userName">用户账号:</th>
        <th width="15%" class="two" role="userName"><span th:text="${empInfo?.userName }"></span></th>
        <th width="15%" class="one" role="password">用户密码:</th>
        <th width="15%" class="two" role="password"><span th:text="${empInfo?.password }"></span></th>
        <th width="20%" class="one" role="realName">用户姓名:</th>
        <th width="20%" class="two" role="realName"><span th:text="${empInfo?.realName}"></span></th>
    </tr>
    <tr class="firstTr">
        <th width="15%" class="one" role="sex">用户性别:</th>
        <th width="15%" class="two" role="sex"><span th:text="${empInfo?.sex == 1 ? '女' :(empInfo?.sex == 2 ? '男' :'保密')  }"></span></th>

        <th width="15%" class="one" role="roleId">用户角色:</th>
        <th width="15%" class="two" role="roleId"><span th:text="${empInfo?.role?.name}"></span></th>

        <th width="20%" class="one" role="salary">用户工资:</th>
        <th width="20%" class="two" role="salary"><span th:text="${empInfo?.salary }"></span>(元)</th>

    </tr>


</table>

<div class="back">
    <input type="button" id="back" name="back" value="返回" >
</div>



</body>
<script src="/js/jquery-2.2.1.min.js"></script>
<script src="/js/jump.js"></script>
<script type="text/javascript" th:inline="javascript">
    $(".back :button[value='返回']").bind("click", function() {
        location = "/emp/query?"
    });
</script>

</html>